<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="iconfont/jklk/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="iconfont/jklk/iconfont.js"></script>
</head>

<body>

    <div class="app">

        <header>

            <a href="#" class="baise icon-sousuo">

            </a>

            <input type="text" placeholder="搜索药品、症状、品牌">
        </header>

        <main>

            <div class="banner">
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.alicdn.com%2Fbao%2Fuploaded%2Fi3%2F2200779643602%2FO1CN01hPYRR01cTlIOgj9aj_%21%210-item_pic.jpg&refer=http%3A%2F%2Fimg.alicdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666487350&t=6e3c97f06c0ab36d84e7c7d46ebde81a"
                    alt="">

            </div>

            <nav>
                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xin-libao"></use>
                    </svg>

                    <span>热门活动</span>
                </a>

                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo1"></use>
                    </svg>

                    <span>快速找药</span>
                </a>

                <a href="../药师指导/yszd.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wode1"></use>
                    </svg>

                    <span>药师指导</span>
                </a>

                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuan"></use>
                    </svg>

                    <span>会员福利</span>
                </a>

                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youlun"></use>
                    </svg>

                    <span>海外药房</span>
                </a>

            </nav>

            <div class="banner">
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F5657cd8f5ea98e05749abe13b695fdaa126e32a87262-5OL2Ju_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666489181&t=74ea11dacab7ff4a7b4d59a5b4c16ba2"
                    alt="">

            </div>

            <div class="content">

                <div>
                    <img src="https://img2.baidu.com/it/u=2954296753,1204811265&fm=253&fmt=auto&app=138&f=JPEG?w=728&h=500" alt="">
                    <p>男科用药</p>
                    <p class="two">硬对自如</p>
                </div>

                <div>
                    <img src="https://img2.baidu.com/it/u=2954296753,1204811265&fm=253&fmt=auto&app=138&f=JPEG?w=728&h=500" alt="">
                    <p>妇科用药</p>
                    <p class="two">女人如花</p>
                </div>

                <div>
                    <img src="https://img0.baidu.com/it/u=724919003,1094457956&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500" alt="">
                    <p>性福生活</p>
                    <p class="two">有情有趣</p>
                </div>

                <div>
                    <img src="https://img0.baidu.com/it/u=724919003,1094457956&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500" alt="">
                    <p>皮肤用药</p>
                    <p class="two">杀菌止痒</p>
                </div>

                <div>
                    <img src="https://img2.baidu.com/it/u=2954296753,1204811265&fm=253&fmt=auto&app=138&f=JPEG?w=728&h=500" alt="">
                    <p>养生花茶</p>
                    <p class="two">养容美颜</p>
                </div>

                <div>
                    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.alicdn.com%2Fimgextra%2Fi3%2F816163369%2FTB2JkYPewnH8KJjSspcXXb3QFXa_%21%21816163369-0-daren.jpg&refer=http%3A%2F%2Fimg.alicdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666490672&t=0e40b69c95e4fd6aee5ed15a22c5d568"
                        alt="">
                    <p>个人护理</p>
                    <p class="two">美丽肌肤</p>
                </div>

                <div>
                    <img src="https://img0.baidu.com/it/u=724919003,1094457956&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500" alt="">
                    <p>儿童用药</p>
                    <p class="two">健康成长</p>
                </div>

                <div>
                    <img src="https://img2.baidu.com/it/u=2954296753,1204811265&fm=253&fmt=auto&app=138&f=JPEG?w=728&h=500" alt="">
                    <p>营养保健</p>
                    <p class="two">增强免疫</p>
                </div>

            </div>


        </main>


        <footer>
            <a href="../首页/index.html">
                <em class="baise icon-shouye"></em>
                <span>叮当快药</span>
            </a>

            <a href="../订单商城/ShoppingMall.html">
                <em class="baise icon-shouye1"></em>
                <span>叮当商城</span>
            </a>

            <a href="#">
                <em class="baise icon-gouwuchekong"></em>
                <span>清单列表</span>
            </a>

            <a href="../我的/wode/我的2.html">
                <em class="baise icon-wode"></em>
                <span>我的</span>
            </a>
        </footer>




    </div>



</body>

</html>